<!doctype html>
<html lang="en">
	<head>
		<!-- Required meta tags -->
		<meta charset="utf-8">
		<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">

		<!-- Bootstrap CSS -->
		<link rel="stylesheet" href="./css/bootstrap/bootstrap.min.css">
		<!--引入字体样式-->
		<link rel="stylesheet" href="./css/fontawesome/all.min.css">
		<title>简易购</title>
	</head>
	<body>
		<!-- 导航条-->
		<div class="container-fluid">
			<nav class="navbar navbar-expand-lg navbar-light bg-light">
				<div class="container">
					<button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarSupportedContent"
					 aria-controls="navbarSupportedContent" aria-expanded="false" aria-label="Toggle navigation">
						<span class="navbar-toggler-icon"></span>
					</button>
					<span class="navbar-text text-dark">
						简易购欢迎您！ 请
					</span>
					<div class="collapse navbar-collapse" id="navbarSupportedContent">
						<ul class="navbar-nav mr-auto">
							<li class="nav-item ">
								<a class="nav-link text-dark" href="#">登录<span class="sr-only">(current)</span></a>
							</li>
							<li class="nav-item">
								<a class="nav-link text-danger pl-1" href="#">免费注册</a>
							</li>
						</ul>
						<form class="form-inline my-2 my-lg-0">
							<a class="nav-link  pr-4 text-dark" href="#">我的订单</a>
							<a class="nav-link  pl-2 text-dark" href="#">我的简易购</a>
						</form>
					</div>
				</div>
			</nav>
		</div>
		<!-- /导航条 -->
		<!-- brand -->
		<div class="container">
			<div class="row">
				<p style="font-size: 35px;font-weight: bold;">简易购&nbsp;&nbsp;&nbsp;&nbsp;<scan style="font-size: 20px;font-weight: 400;">支付页</scan>
				</p>
			</div>
			<div class="row">
				<div class="col-1 text-right p-0">
					<img src="img/success_128px_1201384_easyicon.net.png" width="25px" class="mr-0 mt-1">
				</div>
				<div class="col-8">
					<p style="font-size: 20px;font-weight: bold;margin-left: 0px;">订单提交成功，请您及时付款！订单号：1234061234</p>
				</div>
				<div class="col-3">
					<p> &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp;&nbsp;应付金额: &nbsp;&nbsp;&nbsp;<scan
						 class="text-danger" style="font-weight: bold;"> ￥5997.00</scan>
					</p>
				</div>
			</div>
		</div>
		<!-- /brand -->
		<!-- 内容 -->
		<div class="container" style="border: #B9B9B9 1px solid;">
			<div id="content"  style="margin-left: 85px;padding-top: 15px;padding-left: 15px;padding-bottom: 15px;">
				<p>微信支付：</p>
			<img src="img/content-1.png" >
			<a href="">>其他支付方式</a>
			</div>
		</div>
		<!-- /内容 -->
		<!-- Optional JavaScript -->
		<!-- jQuery first, then Popper.js, then Bootstrap JS -->
		<script src="./js/plugins/jQuery/jquery-3.3.1.slim.min.js"></script>
		<script src="./js/plugins/bootstrap/popper.min.js"></script>
		<script src="./js/plugins/bootstrap/bootstrap.min.js"></script>
	</body>
</html>
